<template>
    <div class="allocat">
        <el-row class="head">
            <el-col >——维修分类列表/维修分类</el-col>
        </el-row>
        <el-row class="title">
            <el-col>维修分类列表</el-col>
        </el-row>
        <el-form ref="form" :model="form" label-width="80px" size="mini">
            <el-form-item  >
                <el-transfer v-model="value1" :data="form.data"   style="text-align: left; display: inline-block"></el-transfer>
            </el-form-item>
        </el-form>

    </div>
</template>

<script>
    export default {
        name: "allocat",
        data() {
            const generateData = _ => {
                const data = [];
                for (let i = 1; i <= 15; i++) {
                    data.push({
                        key: i,
                        label: `备选项 ${ i }`,
                    });
                }
                return data;
            };
            return {
                form:{
                    data: generateData(),
                },

                value1: [1, 4]
            };
        }
    };
</script>
<style>
    .el-transfer-panel{
        width: 300px;
        height: 400px;

    }
    .el-checkbox-group{
        height: 380px;
    }
</style>